import { defineStore } from 'pinia'
import { ref, computed } from 'vue'
import { useUserStore } from './user'
import { insertCartAPI, findNewCartListAPI, delCartAPI } from '@/apis/cart'

export const useCartStore = defineStore('cart', ()=>{
  // 1. 定义 state - cartList 列表
  const cartList = ref([])
  // 2. 定义 action - addCart
  const userStore = useUserStore()
  const isLogin = computed(() => userStore.userInfo.token)

   /**
    * 获取最新购物车列表 action，这里将获取购物车列表的数据进行抽离，便于复用
    */
   const updateNewList = async () =>{
    const res = await findNewCartListAPI()
    cartList.value = res.result
  }

  /**
   * 添加商品到购物车
   * @param {*} goods 
   */
  const addCart = async (goods) =>{ 
    const { skuId, count } = goods
    // 添加购物车操作
    if(isLogin){
      // 登录之后的加入购物车逻辑
      await insertCartAPI({ skuId, count })
      updateNewList()
    }else{
      // 商品已经添加到购物车 count+1，没有添加到购物车直接 push
      // 思路：通过匹配传递过来的商品对象中的 skuId 能不能再cartList中找到，找到了就是添加过
      const item = cartList.value.find((item)=>goods.skuId === item.skuId)
      if(item){
        // 找到了
        item.count++
      }else{
        // 没找到
        cartList.value.push(goods)
      }
    }
  }

  /**
   * 删除购物车商品
   * @param {*} skuId 
   */
  const delCart = async (skuId) =>{
    if(isLogin){
      // 调用接口实现购物车中的删除功能
      await delCartAPI([skuId])
      updateNewList()
    }else{
      // 思路：1. 找到要删除项的下标值 - splice
      // 思路：2. 采用数组的过滤方法 filter
      const index = cartList.value.findIndex((item)=> skuId === item.skuId)
      cartList.value.splice(index,1)
    }
  }

  /**
   * 清除购物车
   */
  const clearCart = () =>{
    cartList.value = []
  }


  // 计算属性
  // 1. 商品总数量，所有项的count之和
  const allCount = computed(()=>cartList.value.reduce((a,c)=> a+c.count,0))
  // 2. 商品总价格，所有相的 count * price
  const allPrice = computed(()=>cartList.value.reduce((a,c)=> a+c.count * c.price,0))

  /**
   * 单选功能
   * @param {*} skuId 
   * @param {*} selected 
   */
  const singleCheck = (skuId, selected) =>{
    // 通过skuId找到要修改的那一项，然后将它的 selected修改为传过来的 selected。
    const item = cartList.value.find((item)=>item.skuId === skuId)
    item.selected = selected
  }

  /**
   * 全选功能
   * @param {*} selected 
   */
  const allCheck = (selected) =>{
    // 把cartList中的每一项的selected都设置为当前的全选框状态
    // 遍历将所有的 selected 项全部设置为传入的 selected 状态
    cartList.value.forEach(item=> item.selected = selected)
  } 

  // 是否全选
  const isAll = computed(()=> cartList.value.every((item)=>item.selected))

  // 已选择商品数量
  const selectedCount = computed(()=> cartList.value.filter(item=>item.selected).reduce((a,c)=> a+c.count,0))

  // 已选中商品价格
  const selectedPrice = computed(()=> cartList.value.filter(item=>item.selected).reduce((a,c)=> a+c.count * c.price,0))

  return {
    cartList,
    allCount,
    allPrice,
    isAll,
    selectedCount,
    selectedPrice,
    clearCart,
    addCart,
    delCart,
    singleCheck,
    allCheck,
    updateNewList
  }
},
  {
    // 开启持久化 
    persist: true
})

